Adwaita: use -gtk-icon-source: none on paned...

...to get rid of the handle decoration istead of setting a transparent
background and abuse a background image for the background color.

diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index f58be595ee46b3e28dd6bed32a803ad08471b962..01516760038803344002e7f837a6d902ab96bb71 100644 (file)
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -2771,18 +2771,16 @@ GtkPaned { // this is for the standard paned separator
 
   -GtkPaned-handle-size: 1; // sets separator width
 
+  -gtk-icon-source: none; // removes handle decoration
   margin: 0 8px 8px 0; // drag area of the separator, not a real margin
   &:dir(rtl) {
     margin-right: 0;
     margin-left: 8px;
   }
   .pane-separator {
-    //FIXME abusing a background-image to get rid of the handle decoration
-    //I'd like something better...
-    background-image: linear-gradient(to bottom, $borders_color);
-    background-color: transparent; // transparent background color to gets rid of the decoration.
+    background-color: $borders_color;
     &:backdrop {
-      background-image: linear-gradient(to bottom, $backdrop_borders_color);
+      background-color: $backdrop_borders_color;
     }
   }
 }
@@ -2791,9 +2789,9 @@ GtkPaned.wide { // this is for the paned with wide separator
   -GtkPaned-handle-size: 5; // wider separator here
   margin: 0; // no need of the invisible drag area so, reset margin
   .pane-separator {
+    background-color: transparent;
     border-style: none solid;
     border-color: $borders_color;
-    background-image: none;
     border-width: 1px;
   }
   &.vertical .pane-separator { border-style: solid none;}

diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index fe9f13a6f517f9b1f7a5da1d3b4d42a88c389901..9c85dfd47f7f786721a37a024bcf53041e4471b5 100644 (file)
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -4077,23 +4077,23 @@ GtkPlacesSidebar.sidebar .view {
  *********/
 GtkPaned {
   -GtkPaned-handle-size: 1;
+  -gtk-icon-source: none;
   margin: 0 8px 8px 0; }
   GtkPaned:dir(rtl) {
     margin-right: 0;
     margin-left: 8px; }
   GtkPaned .pane-separator {
-    background-image: linear-gradient(to bottom, #1c1f1f);
-    background-color: transparent; }
+    background-color: #1c1f1f; }
     GtkPaned .pane-separator:backdrop {
-      background-image: linear-gradient(to bottom, #1e2222); }
+      background-color: #1e2222; }
 
 GtkPaned.wide {
   -GtkPaned-handle-size: 5;
   margin: 0; }
   GtkPaned.wide .pane-separator {
+    background-color: transparent;
     border-style: none solid;
     border-color: #1c1f1f;
-    background-image: none;
     border-width: 1px; }
   GtkPaned.wide.vertical .pane-separator {
     border-style: solid none; }

diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index b40196d9b5adfe43b05d9978344bf6811df71d43..d318c0b6f158edd21edb0f71df7011c4e1962fdc 100644 (file)
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -4238,23 +4238,23 @@ GtkPlacesSidebar.sidebar .view {
  *********/
 GtkPaned {
   -GtkPaned-handle-size: 1;
+  -gtk-icon-source: none;
   margin: 0 8px 8px 0; }
   GtkPaned:dir(rtl) {
     margin-right: 0;
     margin-left: 8px; }
   GtkPaned .pane-separator {
-    background-image: linear-gradient(to bottom, #a1a1a1);
-    background-color: transparent; }
+    background-color: #a1a1a1; }
     GtkPaned .pane-separator:backdrop {
-      background-image: linear-gradient(to bottom, #a8a8a8); }
+      background-color: #a8a8a8; }
 
 GtkPaned.wide {
   -GtkPaned-handle-size: 5;
   margin: 0; }
   GtkPaned.wide .pane-separator {
+    background-color: transparent;
     border-style: none solid;
     border-color: #a1a1a1;
-    background-image: none;
     border-width: 1px; }
   GtkPaned.wide.vertical .pane-separator {
     border-style: solid none; }